<script>
export default {
  name: "a-1"
}
</script>

<template>
  <div id="book">

    <div class="select-page">
      <div class="titleBox">
        <h2>购物车</h2>
        <p>已选商品3件(不含运费):￥60.00</p>
        <button >结算</button>
      </div>
      <div class="titleBox2">
        <input type="checkbox" >全选
        <p>商品信息</p>
        <p>单价</p>
        <p>数量</p>
        <p>金额</p>
        <p>操作</p>
      </div>

      <ul>
        <li>
          <div class="information">
            <img src="https://img.alicdn.com/bao/uploaded/i2/4028000468/O1CN01FSCCHj1FKO17wO7UV_!!0-item_pic.jpg_80x80.jpg">
            <p>2021新web前端开发视频课程教程入门精通全栈实战项目零基础培训</p>
          </div>
          <input type="checkbox" name="" id="">
          <p>￥60.00</p>
          <button>-</button>
          <div class="num"></div>
          <button>+</button>

        </li>


      </ul>

    </div>


<!--    <div class="settlement">-->
<!--      <h1>请支付60元</h1>-->
<!--    </div>-->

    <name-2></name-2>

  </div>

</template>


<style scoped>
.select-page{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;

}

</style>